<template>
  <div id="subpage">

    <el-col :span="24" class="warp-breadcrum">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item><b>小程序</b></el-breadcrumb-item>
        <el-breadcrumb-item to="/mini_app/e_book">电子刊管理</el-breadcrumb-item>
        <el-breadcrumb-item :to="{path:'/mini_app/e_book_code',query:{title:smallLesson_title,id:smallLesson_id}}">阅读码管理</el-breadcrumb-item>
        <el-breadcrumb-item>{{smallLesson_id ? '修改' : '添加'}}页面</el-breadcrumb-item>
      </el-breadcrumb>
    </el-col>

    <div class="content">
      <div class="xcx-head">
        <span class="title">{{smallLesson_id ? '修改' : '添加'}}页面</span>
      </div>
      <div class="xcx-content">
        <el-form ref="form_data" :model="form_data" :rules="rules" label-width="140px" style="width: 80%;">
          <el-form-item label="微信用户：" prop="nickname">
            <el-autocomplete
              class="w400"
              v-model="form_data.name"
              :fetch-suggestions="querySearchAsync"
              placeholder="请输入用户名称"
              @select="handleSelect"
              valueKey="nickname"
              clearable
            ></el-autocomplete>
          </el-form-item>
          <el-form-item  label="阅读码：" prop="code">
            <el-input class="w400" v-model="form_data.code" placeholder=""></el-input>
            <!--<el-select disabled v-model="form_data.code" class="w400" placeholder="">-->
              <!--&lt;!&ndash;<el-option v-for="(item, i) in user_type" :key="i" :label="item.name" :value="item.id"></el-option>&ndash;&gt;-->
            <!--</el-select>-->

          </el-form-item>

          <el-form-item class="mar_T_50">
            <el-button type="primary" @click="save">保存</el-button>
            <el-button @click="back">返回</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script src="../../../static/js/mini_app/e_book_code_detail.js"></script>

<style scoped>

</style>
